<template>
    <div class="footer">
        <div class="container"></div>
        <div class="Links f-c-c">
            <div>友情链接&nbsp;:</div>
            <div class="cursor" @click="arrive('http://www.moe.gov.cn/')">
                &emsp;教育部&emsp;
            </div>
            <div class="cursor" @click="arrive('http://www.nrta.gov.cn/')">
                &emsp;国家广播电视总局&emsp;
            </div>
            <div class="cursor" @click="arrive('http://jyt.fujian.gov.cn/')">
                &emsp;福建省教育厅&emsp;
            </div>
            <div class="cursor" @click="arrive('http://gdj.fujian.gov.cn/')">
                &emsp;福建省广播电视局&emsp;
            </div>
            <div class="cursor" @click="arrive('http://www.centv.cn/')">
                &emsp;中国电视教育台&emsp;
            </div>
            <div class="cursor" @click="arrive('https://www.fjwyw.com/')">
                &emsp;福建文艺网&emsp;
            </div>
        </div>
        <div class="record-info f-c-c">
            <span class="record-label">&emsp;福建教育网职业道德监督、违法和不良信息举报电话：</span>
            <span class="record-number">0591-87091983</span>
            <span class="record-label">举报邮箱：</span>
            <span class="record-number">fetv2020@163.com</span>
        </div>
        <div class="record-info f-c-c">
            <span class="record-label">&emsp;福建省新闻道德委举报电话：</span>
            <span class="record-number">0591-87275327</span>
            <span class="record-label">&emsp;涉未成年人不良信息举报电话：</span>
            <span class="record-number">0591-87091983</span>
            <span class="record-label">&emsp;传真：</span>
            <span class="record-number">0591-87802248</span>
        </div>
        <div class="record-info f-c-c">
            <span class="record-label">&emsp;互联网新闻信息服务许可证编号</span>
            <span class="record-number">(35120190012)</span>
            <span class="record-label">&emsp;信息网络传播视听节目许可证号</span>
            <span class="record-number">(1309391)</span>
            <span class="record-label">广播电视节目制作经营许可证（闽）字</span>
            <span class="record-number">第00026号</span>
            <span class="record-label">闽ICP备</span>
            <span class="record-number">05027762号-1</span>
        </div>
        <div class="record-info f-c-c">
            <div class="el-image cursor" style="width: 40; height: 40px;">
                <img src="../assets/images/blue.png" alt="" class="el-image__inner" style="object-fit: scale-down;">
            </div>
            <div class="el-image cursor" style="width: 127px; height: 40px;">
                <img src="../assets/images/gonganbaobei.png" alt="" class="el-image__inner" style="object-fit: scale-down;">
            </div>
            <div class="el-image cursor" style="width: 96px; height: 40px;">
                <img src="../assets/images/children.png" alt="" class="el-image__inner" style="object-fit: scale-down;">
            </div>
            <div class="el-image cursor" style="width: 123px; height: 40px;">
                <img src="../assets/images/message.png" alt="" class="el-image__inner" style="object-fit: scale-down;">
            </div>
        </div>
    </div>
</template>
<script setup>
const arrive = (url) => {
    window.open(url, "_blank")
}
</script>
<style lang="less" scoped>
.footer {
    width: 100%;
    height: 336px;

    .container {
        width: 1200px;
        margin: 0 auto;
    }

    .record-info {
        width: 100%;
        height: 50px;

        .record-label {
            font-size: 14px;
            font-family: NotoSansHans-Regular;
            font-weight: 400;
            color: #292929;
        }

        .record-number {
            font-size: 14px;
            font-family: NotoSansHans-Regular;
            font-weight: 400;
            color: #1b72cb;
        }

        .el-image {
            position: relative;
            display: inline-block;
            overflow: hidden;

            .el-image__inner {
                width: 100%;
                height: 100%;
            }
        }
    }


    .Links {
        font-size: 14px;
        font-family: NotoSansHans-Regular;
        font-weight: 400;
        color: #767676;
        line-height: 68px;
        background: #f0f0f0;
        margin-top: 68px;

        .cursor {
            cursor: pointer;
        }

        .cursor:hover {
            color: #1b72cb;
        }
    }

}</style>